$(function(){
    $('#tabs').tabs();
    $("input[name='deadline']").datepicker({
        dateFormat: 'yy-mm-dd'
    });
    $(".choose_task_button").bind("click", onClickChooseTaskButton);
    $(".show_edit_button").bind("click", showEditDiv);
	$(".save_edit_button").bind("click", saveTaskEdit);
});

function onClickChooseTaskButton() {
	$(".choose_task_button").removeClass("active");
	$(this).addClass('active');
	var pos = $(this).attr("position");
	$(".task_div").hide();
	$(".task_div[position=" + pos + "]").show();
//	$(".task_div").get(pos).show();
}

function showEditDiv() {

	$(this).parents(".task_div").find(".task_content_div").hide();
	$(this).parents(".task_div").find(".task_edit_div").show();
}

function saveTaskEdit() {
	var edit_div = $(this).parents(".task_edit_div");
	var task_id = edit_div.find("[name='task_id']").val();
	var title = edit_div.find("[name='title']").val();
	var deadline = edit_div.find("[name='deadline']").val();
	var requirement = edit_div.find("[name='requirement']").val();
	
	$.post("teacher/updateTask", {
		"task.id" : parseInt(task_id),
		"task.title" : title,
		"task.deadline" : deadline,
		"task.requirement" : requirement
	}, function(data){
		doAfterUpdateTask(edit_div, title, deadline, requirement);
	});
}

function doAfterUpdateTask(edit_div, title, deadline, requirement) {
	edit_div.hide();
	var content_div = edit_div.parents(".task_div").find(".task_content_div");
	content_div.find(".title").text(title);
	content_div.find(".deadline").text(deadline);
	content_div.find(".requirement").text(requirement);
	content_div.show();
}
